<template>
  <header class="main-header">
    <h1>TodoList</h1>
  </header>
</template>
<script>
  export default {
    name: 'MainHeader'
  }
</script>
<style lang="stylus" scoped>
@import '~styles/theme.styl'


  .main-header
    text-align: center

    h1
      margin: 20px
      font-size: 100px
      font-weight: 100
      color: $lightred
      text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)
</style>